<?xml version='1.0' encoding='utf-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"  
    xmlns:h="http://java.sun.com/jsf/html"  
    xmlns:f="http://java.sun.com/jsf/core"  
    xmlns:p="http://primefaces.org/ui">
<h:head> <meta http-equiv="refresh" content="#{session.maxInactiveInterval};url=../index.jsf" />
<link rel="shortcut icon" href="icono.ico" /> 
	<meta charset="utf-8" />
	<title>SACA</title>
	<link rel="stylesheet" href="../styles.css" type="text/css" media="screen" />
	<link rel="stylesheet" type="../text/css" href="print.css" media="print" />
	<!--[if IE]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
</h:head>
<h:body>
    <h:form id="frm_alumnos">
 <p:panel header="MANTENIMIENTO - ALUMNOS" toggleable="true" toggleOrientation="horizontal">  
        <h:panelGrid id="panel_opciones" columns="1" width="100%"  >
             <h:panelGrid id="panel_btn" style="text-align: center;" columns="1" width="100%"  >
             <h:commandButton  title="CREAR NUEVO ALUMNO" image="../images/nuevo.png" value="CREAR NUEVO ALUMNO" action="#{managedBeanAlumno.nuevo()}"/> 
             </h:panelGrid>
              
                 <p:separator />
               <p:dataTable id="dataTable" var="item" value="#{managedBeanAlumno.lista}"  
                 paginator="true" rows="10"  
                 paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"  
                 rowsPerPageTemplate="5,10,15">  
        <f:facet name="header">  
           Lista de Alumnos 
        </f:facet>  
  
                   
                   
                    <p:column>  
            <f:facet name="header">  
                <h:outputText value="N° CEDULA" />  
            </f:facet>  
            <h:outputText value="#{item.cedulaAlumno}" />  
        </p:column> 
                   
                   <p:column filterBy="#{item.primerNombreAlumno}" filterMatchMode="contains">  
            <f:facet name="header">  
                <h:outputText value="NOMBRE" />  
            </f:facet>  
                       <h:outputText value="#{item.primerNombreAlumno} #{item.segundoApellidoAlumno}" />  
        </p:column>  
  
                       
                   <p:column filterBy="#{item.primerApellidoAlumno}" filterMatchMode="contains">  
            <f:facet name="header" >  
                <h:outputText value="APELLIDOS" />  
            </f:facet>  
                       <h:outputText value="#{item.primerApellidoAlumno} #{item.segundoApellidoAlumno}" />  
        </p:column>  
  
         
  
       
                   
                   <p:column style="width:40px;">  
            <f:facet name="header">  
                <h:outputText value="OP" />  
            </f:facet>  
             
                       <p:commandButton value="Ver" icon="ui-icon ui-icon-search"
                 update=":frm_alumnos:display " oncomplete="alumnoDialog.show()" >
    
    <f:setPropertyActionListener value="#{item}" target="#{managedBeanAlumno.alumno}" />              
</p:commandButton>
        </p:column> 
    </p:dataTable>  
       
         </h:panelGrid>
    
        
        <p:dialog id="dialog" header="ALUMNO SELECCIONADO" widgetVar="alumnoDialog" resizable="false"
              width="450" showEffect="clip" hideEffect="fold">

        <h:panelGrid id="display" columns="2" cellpadding="4">

            <h:outputText value="" />
            <p:graphicImage id="imagen_" height="75px;" width="75px;" value="../#{managedBeanAlumno.alumno.rutaFotoAlumno}" />  
            
            
            <h:outputText value="N° CEDULA : " style="font-size: 15px;" />
            <h:outputText value="#{managedBeanAlumno.alumno.cedulaAlumno}" style="font-size: 15px;" />
            
            <h:outputText value="PRIMER NOMBRE : " style="font-size: 15px;" />
            <h:outputText value="#{managedBeanAlumno.alumno.primerNombreAlumno}" style="font-size: 15px;" />

<h:outputText value="SEGUNDO NOMBRE : " style="font-size: 15px;" />
<h:outputText value="#{managedBeanAlumno.alumno.segundoNombreAlumno}" style="font-size: 15px;" />

<h:outputText value="PRIMER APELLIDO : " style="font-size: 15px;" />
<h:outputText value="#{managedBeanAlumno.alumno.primerApellidoAlumno}" style="font-size: 15px;" />

<h:outputText value="SEGUNDO APELLIDO : " style="font-size: 15px;" />
<h:outputText value="#{managedBeanAlumno.alumno.segundoApellidoAlumno}" style="font-size: 15px;" />

<h:outputText value="FECHA NACIMIENTO : " style="font-size: 15px;" />
<h:outputText value="#{managedBeanAlumno.alumno.fechaNacimientoAlumno}" style="font-size: 15px;"  >
                        <f:convertDateTime pattern="dd/MM/yyyy" />
                    </h:outputText>

<h:outputText value="SEXO : " style="font-size: 15px;" />
<h:outputText value="#{managedBeanAlumno.alumno.sexoAlumno}" style="font-size: 15px;" />
<h:outputText value="DIRECCION : " style="font-size: 15px;" />
<h:outputText value="#{managedBeanAlumno.alumno.direccionAlumno}" style="font-size: 15px;" />
<h:outputText value="CORREO : " style="font-size: 15px;" />
<h:outputText value="#{managedBeanAlumno.alumno.emailAlumno}" style="font-size: 15px;" />
<h:outputText value="T. FIJO : " style="font-size: 15px;" />
<h:outputText value="#{managedBeanAlumno.alumno.telFijoAlumno}" style="font-size: 15px;" />
<h:outputText value="T. MOVIL : " style="font-size: 15px;" />
<h:outputText value="#{managedBeanAlumno.alumno.telMovilAlumno}" style="font-size: 15px;" />
<h:outputText value="TIPO DE SANGRE : " style="font-size: 15px;" />
<h:outputText value="#{managedBeanAlumno.alumno.tipoSangreAlumno}" style="font-size: 15px;" />
<h:outputText value="ALERGIAS : " style="font-size: 15px;" />
<h:outputText value="#{managedBeanAlumno.alumno.alergiasAlumno}" style="font-size: 15px;" />
        </h:panelGrid>
            <p:separator />
             <h:panelGrid id="panel_editar" style="text-align: center;" columns="1" width="100%"  >
         <p:commandButton value="EDITAR DATOS" action="#{managedBeanAlumno.editar}"/>
        </h:panelGrid>
            
    </p:dialog>
        
        
        
    </p:panel>  
						
			
</h:form>
</h:body>
</html>